//路由的反向代理基于node的，vue脚手架搭建是会自动集成需要自己建文件夹

module.exports = {
  //webpack中针对开发服务器的配置
  //与gulp类似，都是前端的打包工具
  // 开发服务器设置
  devServer: {
    //这个是设置项目启动的时候是不是默认启动浏览器
      open: true,
      // 设置 npm run serve 启动后的端口号
      //不用超过端口号允许的设置范围：0-65535
      //并且需要避开一些常见的端口号：20，21，22，23，25，80，433，3306，3389，11211，27017
      port: 3000,
      // 如果你开始了eslint,不要让eslint在页面中遮罩，它错误会在console.log控制台打印
      overlay: false,
      // vue项目代理请求
      proxy: {
          // 规则(可是是多套)
          //每一套规则的属性名，是一个标识符
          // axios中相对地址开头的字符串  匹配请求uri中的前几位
          "/api": {
              // 把相对地址中的域名 映射到 目标地址中
              // localhost:3000 => https://api.iynn.cn/film/api/v1/
              target: "https://api.iynn.cn/film/api/v1",
              // 修改host请求的域名为目标域名
              // changeOrigin: false,
              changeOrigin: true,
              // 请求uri和目标uri有一个对应关系
              // 请求/api/login ==> 目标 /v1/api/login
              pathRewrite: {
                  "^/api": "",
              },
          },
          // //在一个项目中可能使用多个服务商提供的不同接口，则需要有多套代理规则
          // "aliyun":{
          //   //这里是请求阿里云的接口代理规则
          // },
          // "baidu":{
          //   //这里是请求百度的接口代理规则
          // }
      },
  },
};